<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- 公共样式 重置样式 -->
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入轮播图css样式 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入自己页面样式 -->
    <link rel="stylesheet" href="./css/Home.css">
</head>
<body>
    <!-- 设置浮动后要清除浮动 -->
    <!-- 顶部开始 -->
    <div id="head">
        <!-- 1.通栏 -->
        <div class="head-top">
            <div class="container">
                <p class="fr">
                    <span>欢迎光临</span>
                    <span class="cf60">乐购</span>，
                    请
                    <a href="#" class="head-top-a">登录</a>\
                    <a href="#" class="cf60">注册</a>
                </p>
            </div>
        </div>
        <!-- 2.菜单 -->
        <div class="head-menu container clearfix rel">
            <!-- 2.1 logo -->
            <img src="./img/logo.jpg" alt="" class="img-top fl">
            <!-- 2.2 搜索+购物车 -->
            <!-- 2.2.1 搜索 -->
            <form action="#" class="fl rel">
                <input type="text" placeholder="创意文具">
                <button class="abs"></button>
            </form>
            <!-- 不加fl -->
            <div class="menu-shop clearfix ">
                <button class="fl btn"> 
                    <!-- <span>购物车 3</span> -->
                    购物车 3
                </button>
                <button class="fl">我的订单</button>
            </div>
            <!-- 2.3 导航 -->
            <ul class="clearfix">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>运动户外</li>
                <li>孕婴童</li>
                <li>家居</li>
                <li>创意文具</li>
                <li>地方特产</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>      
    </div>
    <!-- 顶部结束 -->

    <!-- 导航栏开始 -->
    <div id="nav" class="container clearfix">
        <div class="left-nav fl">
            <ul class="rel">
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box1</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box2</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box3</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box4</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box5</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box6</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box7</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box8</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box8</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box8</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box8</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs ">box8</div>
                </li>
                <li>
                    <p class="">
                        图书、电子书、童书
                    </p>
                    <div class="left-box abs">box8</div>
                </li>
            </ul>
        </div>
        <div class="slice fl">
            <!--轮播开始-->
            <div class="pptbox" id="bannerInner">
                <!-- 轮播的内容 -->
                <ul class="innerwrapper">
                <li>
                    <img src="./img/banner1.jpg" />
                </li>
                <li>
                    <a href="#"></a><img src="./img/banner2.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner3.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner4.jpg" /></a>
                </li>
                <li>
                    <a href="#"><img src="./img/banner5.jpg" /></a>
                </li>
                </ul> 
                <!--数字控制器-->
                <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
            <!--轮播结束-->    
        </div>
        <script src="lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
        <!--插件库-->
        <script src="lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            //主轮播图
            $("#bannerInner").tyslide({
                boxh: 420,//盒子的高度
                w: 1000,//盒子的宽度
                h: 390,//图片的高度
                isShow: true,//是否显示控制器
                isShowBtn: true,//是否显示左右按钮
                controltop: 2,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                controlsW: 20,//控制按钮宽度
                controlsH: 20,//控制按钮高度
                radius: 10,//控制按钮圆角度数
                controlsColor: "#d7d7d7",//普通控制按钮的颜色
                controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                isShowNum: true //是否显示数字
            });
        </script>        
    </div>
    <!-- 导航栏结束 -->

    <!-- 今日推荐开始 -->'
    <div id="recommend" class="container">
        <p class="reco-p">乐购 · 今日推荐</p>
        <ul class="clearfix">
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
            <li>
                <img src="./img/index06_05.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                <p class="cf42">全国联保 一年免费包换</p>
                <p class="cf42 font20">￥:299</p>
            </li>
        </ul>
        <ul class="clearfix">
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
            <li>
                <img src="./img/index06_11.jpg" alt="" class="reco-img">
                <img src="./img/index05_18.jpg" alt="">
                <p>小熊家用静音加湿器</p>
                <p class="cf42">唯美外观 微米级喷雾</p>
                <p class="cf42 font20">￥:89</p>
            </li>
        </ul>
    </div>
    <!-- 今日推荐结束 -->

    <!-- 图书 电子书开始 -->
    <!-- 子元素一浮都浮 底下的子元素都要浮动 记得清除浮动 -->
    <div id="book" class="container clearfix">
        <!-- 左侧 -->
        <div class="book_left fl">
            <!-- 左侧上 -->
            <div class="book_left_top clearfix">
                <h3 class="fl font20">图书、电子书</h3>
                <ul class="fr clearfix font16">
                    <li class="active_li">最新上架</li>
                    <li>独家畅销</li>
                    <li>电子书</li>
                </ul>
            </div>
            <!-- 左侧下 -->
            <div class="book_left_bottom clearfix">
                <!-- 左侧下 左 -->
                <div class="book_lb_left fl">
                    <img src="./img/index7_07.jpg" alt="">
                    <div class="book_backcolor clearfix">
                        <ul class="fl">
                            <li>中小学教辅</li>
                            <li>小说</li>
                            <li>成功/励志</li>
                            <li>哲学/宗教</li>
                        </ul>
                        <ul class="fl">
                            <li>中小学教辅</li>
                            <li>小说</li>
                            <li>成功/励志</li>
                            <li>哲学/宗教</li>
                        </ul>
                        <ul class="fl">
                            <li>中小学教辅</li>
                            <li>小说</li>
                            <li>成功/励志</li>
                            <li>哲学/宗教</li>
                        </ul>
                    </div>
                </div>
                <!-- 左侧下 右 -->
                <div class="book_lb_right active_bookri fl">
                    <ul class="clearfix">
                        <li>
                             <!--轮播开始-->
                            <div class="pptbox" id="bannerInner">
                                <!-- 轮播的内容 -->
                                <ul class="innerwrapper">
                                <li>
                                    <img src="./img/banner1.jpg" />
                                </li>
                                <li>
                                    <a href="#"></a><img src="./img/banner2.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner3.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner4.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner5.jpg" /></a>
                                </li>
                                </ul> 
                                <!--数字控制器-->
                                <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->  
                        </li>
                        <script type="text/javascript">
                            //主轮播图
                            $("#book .pptbox").tyslide({
                                boxh: 216,//盒子的高度
                                w: 330,//盒子的宽度
                                h: 216,//图片的高度
                                isShow: true,//是否显示控制器
                                isShowBtn: true,//是否显示左右按钮
                                controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                controlsW: 20,//控制按钮宽度
                                controlsH: 5,//控制按钮高度
                                radius: 5,//控制按钮圆角度数
                                controlsColor: "#fff",//普通控制按钮的颜色
                                controlsCurrentColor: "#999",//当前控制按钮的颜色
                                isShowNum: false //是否显示数字
                            });
                        </script>        
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢1</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢1</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢1</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢1</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢1</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="book_lb_right fl">
                    <ul class="clearfix">
                        <li>
                             <!--轮播开始-->
                            <div class="pptbox" id="bannerInner">
                                <!-- 轮播的内容 -->
                                <ul class="innerwrapper">
                                <li>
                                    <img src="./img/banner1.jpg" />
                                </li>
                                <li>
                                    <a href="#"></a><img src="./img/banner2.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner3.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner4.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner5.jpg" /></a>
                                </li>
                                </ul> 
                                <!--数字控制器-->
                                <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->  
                        </li>
                        <script type="text/javascript">
                            //主轮播图
                            $("#book .pptbox").tyslide({
                                boxh: 216,//盒子的高度
                                w: 330,//盒子的宽度
                                h: 216,//图片的高度
                                isShow: true,//是否显示控制器
                                isShowBtn: true,//是否显示左右按钮
                                controltop: 7,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                controlsW: 20,//控制按钮宽度
                                controlsH: 5,//控制按钮高度
                                radius: 5,//控制按钮圆角度数
                                controlsColor: "#fff",//普通控制按钮的颜色
                                controlsCurrentColor: "#999",//当前控制按钮的颜色
                                isShowNum: false //是否显示数字
                            });
                        </script>        
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢2</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢2</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢2</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢2</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢2</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="book_lb_right fl">
                    <ul class="clearfix">
                        <li>
                             <!--轮播开始-->
                            <div class="pptbox" id="bannerInner">
                                <!-- 轮播的内容 -->
                                <ul class="innerwrapper">
                                <li>
                                    <img src="./img/banner1.jpg" />
                                </li>
                                <li>
                                    <a href="#"></a><img src="./img/banner2.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner3.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner4.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/banner5.jpg" /></a>
                                </li>
                                </ul> 
                                <!--数字控制器-->
                                <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <!--轮播结束-->  
                        </li>
                        <script type="text/javascript">
                            //主轮播图
                            $("#book .pptbox").tyslide({
                                boxh: 216,//盒子的高度
                                w: 330,//盒子的宽度
                                h: 216,//图片的高度
                                isShow: true,//是否显示控制器
                                isShowBtn: true,//是否显示左右按钮
                                controltop: 7,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                controlsW: 20,//控制按钮宽度
                                controlsH: 5,//控制按钮高度
                                radius: 5,//控制按钮圆角度数
                                controlsColor: "#fff",//普通控制按钮的颜色
                                controlsCurrentColor: "#999",//当前控制按钮的颜色
                                isShowNum: false //是否显示数字
                            });
                        </script>        
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢3</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢3</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢3</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢3</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                        <li class="li_pl">
                            <p class="font20 pmargin">奥运狂欢3</p>
                            <p class="cf42">10万种电子书 直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <p class="font16 p_fs_c">
                                <span class="cf42">￥ 49</span>
                                <s>￥ 79</s>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 右侧 -->
        <div class="book_right fl">
            <!-- <p >新书畅销榜</p> -->
            <h2 class="font20 tcenter">新书畅销榜</h2>
            <ul>
                <li class="rel">
                    <span class="abs cf42">1</span>
                    <h3 class="active_h3">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix active_img">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>  
                <li class="rel">
                    <span class="abs cf42">2</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>
                <li class="rel">
                    <span class="abs cf42">3</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>
                <li class="rel">
                    <span class="abs cbf">4</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>
                <li class="rel">
                    <span class="abs cbf">5</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>               
                <li class="rel">
                    <span class="abs cbf">6</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>
                <li class="rel">
                    <span class="abs cbf ">7</span>
                    <h3 class="font14">就喜欢你看不过我 又干不掉海伦国际</h3>
                    <div class="clearfix">
                        <img src="img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">从韩国和你开个会，更好的客房价格合适的控股款到发货刚看到回个话给客户高科技和广告看回访</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 图书 电子书结束 -->

    <!-- 服装 开始 -->
    <div id="clothing" class="container clearfix">
        <!-- 服装上部 -->
        <div class="clothing_left fl">
            <!-- 服装导航栏 -->
            <div class="clothing_left_top clearfix">
                <h3 class="fl font20">服装</h3>
                <ul class="fr clearfix font16">
                    <li class="active_lis">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>
            <!-- 服装上-->
            <div class="clothing_left_buttom clearfix active_cloth">
                <!-- 服装上 左 -->
                <div class="clothing_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="cloth_backcolor clearfix">
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="clothing_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#clothing .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="clothing_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="clothing_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="clothing_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 服装上2 -->
            <div class="clothing_left_buttom clearfix">
                <!-- 服装上 左 -->
                <div class="clothing_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="cloth_backcolor clearfix">
                        <ul class="fl">
                            <li>女包2</li>
                            <li>冰丝内裤2</li>
                            <li>防晒品2</li>
                            <li>奢侈品2</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="clothing_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#clothing .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="clothing_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="clothing_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="clothing_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 服装上3 -->
            <div class="clothing_left_buttom clearfix">
                <!-- 服装上 左 -->
                <div class="clothing_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="cloth_backcolor clearfix">
                        <ul class="fl">
                            <li>女包3</li>
                            <li>冰丝内裤3</li>
                            <li>防晒品3</li>
                            <li>奢侈品3</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="clothing_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#clothing .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="clothing_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="clothing_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="clothing_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>

        </div>
        
        <!-- 服装底部 -->
        <div class="clothing_bottoms">
            <ul class="clearfix">
                <li class="fl">
                    <img src="./img/index15_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/index15_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_11.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_12.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_15.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_16.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_17.jpg" alt="">
                </li>
            </ul>
        </div>

    </div>
    <!-- 服装 结束 -->

    <!-- 户外运动开始 -->
    <div id="outsport" class="container clearfix">
        <!-- 户外运动上部 -->
        <div class="outsport_left fl">
            <!-- 户外运动导航栏 -->
            <div class="outsport_left_top clearfix">
                <h3 class="fl font20">户外运动</h3>
                <ul class="fr clearfix font16">
                    <li class="active_liss">国际名品</li>
                    <li>户外装备</li>
                    <li>运动潮流</li>
                </ul>
            </div>
            <!-- 户外运动上-->
            <div class="outsport_left_buttom clearfix active_outsport">
                <!-- 服装上 左 -->
                <div class="outsport_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="outsport_backcolor clearfix">
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="outsport_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#outsport .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="outsport_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="outsport_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="outsport_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 户外运动上2 -->
            <div class="outsport_left_buttom clearfix ">
                <!-- 服装上 左 -->
                <div class="outsport_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="outsport_backcolor clearfix">
                        <ul class="fl">
                            <li>女包2</li>
                            <li>冰丝内裤2</li>
                            <li>防晒品2</li>
                            <li>奢侈品2</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="outsport_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#outsport .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="outsport_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="outsport_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="outsport_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 户外运动上3 -->
            <div class="outsport_left_buttom clearfix ">
                <!-- 服装上 左 -->
                <div class="outsport_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="outsport_backcolor clearfix">
                        <ul class="fl">
                            <li>女包3</li>
                            <li>冰丝内裤3</li>
                            <li>防晒品3</li>
                            <li>奢侈品3</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 服装上 中间 -->
                <div class="outsport_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#outsport .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 服装右-->
                <div class="outsport_clo_right fr">
                    <!-- 服装右侧上 -->
                    <div class="outsport_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 服装右侧下 -->
                    <div class="outsport_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>

        </div>
        
        <!-- 户外运动底部 -->
        <div class="outsport_bottoms">
            <ul class="clearfix">
                <li class="fl">
                    <img src="./img/index15_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/index15_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_11.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_12.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_15.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_16.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_17.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!-- 户外运动结束 -->

    <!-- 童装 开始 -->
    <div id="child" class="container clearfix">
         <!-- 童装上部 -->
         <div class="child_left fl">
            <!-- 童装导航栏 -->
            <div class="child_left_top clearfix">
                <h3 class="fl font20">童装 童鞋 婴儿装</h3>
                <ul class="fr clearfix font16">
                    <li class="active_lisc">儿童服装</li>
                    <li>婴儿装</li>
                    <li>小潮童鞋</li>
                </ul>
            </div>
            <!-- 童装部分1-->
            <div class="child_left_buttom clearfix active_child">
                <!-- 童装上 左 -->
                <div class="child_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="child_backcolor clearfix">
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 童装上 中间 -->
                <div class="child_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#child .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 童装右-->
                <div class="child_clo_right fr">
                    <!-- 童装右侧上 -->
                    <div class="child_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 童装右侧下 -->
                    <div class="child_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 童装部分2 -->
            <div class="child_left_buttom clearfix ">
                <!-- 童装上 左 -->
                <div class="child_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="child_backcolor clearfix">
                        <ul class="fl">
                            <li>女包2</li>
                            <li>冰丝内裤2</li>
                            <li>防晒品2</li>
                            <li>奢侈品2</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 童装上 中间 -->
                <div class="child_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#child .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 童装右-->
                <div class="child_clo_right fr">
                    <!-- 童装右侧上 -->
                    <div class="child_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 童装右侧下 -->
                    <div class="child_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>
            <!-- 童装部分3 -->
            <div class="child_left_buttom clearfix ">
                <!-- 童装上 左 -->
                <div class="child_clo_left fl">
                    <img src="./img/index7_17.jpg" alt="">
                    <div class="child_backcolor clearfix">
                        <ul class="fl">
                            <li>女包3</li>
                            <li>冰丝内裤3</li>
                            <li>防晒品3</li>
                            <li>奢侈品3</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                        <ul class="fl">
                            <li>女包</li>
                            <li>冰丝内裤</li>
                            <li>防晒品</li>
                            <li>奢侈品</li>
                        </ul>
                    </div>
                </div>
                <!-- 童装上 中间 -->
                <div class="child_clo_middle fl">
                    <ul class="clearfix">
                        <li>
                            <!--轮播开始-->
                           <div class="pptbox" id="bannerInner">
                               <!-- 轮播的内容 -->
                               <ul class="innerwrapper">
                               <li>
                                   <img src="./img/banner1.jpg" />
                               </li>
                               <li>
                                   <a href="#"></a><img src="./img/banner2.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner3.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner4.jpg" /></a>
                               </li>
                               <li>
                                   <a href="#"><img src="./img/banner5.jpg" /></a>
                               </li>
                               </ul> 
                               <!--数字控制器-->
                               <ul class="controls">
                               <li class="current">1</li>
                               <li>2</li>
                               <li>3</li>
                               <li>4</li>
                               <li>5</li>
                               </ul>
                               <!--按钮控制器-->
                               <span class="btnleft"></span>
                               <span class="btnright"></span>
                           </div>
                           <!--轮播结束-->  
                       </li>
                       <script type="text/javascript">
                           //主轮播图
                           $("#child .pptbox").tyslide({
                               boxh: 350,//盒子的高度
                               w: 430,//盒子的宽度
                               h: 349,//图片的高度
                               isShow: true,//是否显示控制器
                               isShowBtn: true,//是否显示左右按钮
                               controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                               controlsW: 20,//控制按钮宽度
                               controlsH: 5,//控制按钮高度
                               radius: 5,//控制按钮圆角度数
                               controlsColor: "#fff",//普通控制按钮的颜色
                               controlsCurrentColor: "#999",//当前控制按钮的颜色
                               isShowNum: false //是否显示数字
                           });
                       </script> 
                       <li>
                            <img src="./img/index11_08.jpg" alt="">
                       </li>
                    </ul>
                </div>
                <!-- 童装右-->
                <div class="child_clo_right fr">
                    <!-- 童装右侧上 -->
                    <div class="child_right_top">
                        <ul class="clearfix">
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="fl">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                        </ul>
                        <!-- 为什么这样会造成间隙 -->
                        <!-- <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt="">
                        <img src="./img/index100_05.jpg" alt=""> -->
                    </div>
                    <!-- 童装右侧下 -->
                    <div class="child_right_buttom">
                        <ul class="clearfix">
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                            <li class="fl"><img src="./img/index100_11.jpg" alt=""></li>
                        </ul>
                        <!-- <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt="">
                        <img src="./img/index100_11.jpg" alt=""> -->
                    </div>

                </div>
            </div>        
        </div>
        
        <!-- 童装底部 -->
        <div class="child_bottoms">
            <ul class="clearfix">
                <li class="fl">
                    <img src="./img/index15_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/index15_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_11.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_12.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_13.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_14.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_15.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_16.jpg" alt="">
                </li>
                <li class="fl">
                    <img src="./img/logo13_17.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    <!-- 童装 结束 -->

    <!-- 家居开始 -->
    <div id="furniture" class="container">
        <!-- 家居导航栏 -->
        <div class="furniture_nav">
            <h3 class="fl font20">家具日用</h3>
        </div>
        <!-- 家居下 -->
        <div class="furniture_buttom clearfix">
            <div class="furniture_buttom_left fl">
                <img src="./img/index21_05.jpg" alt="">
            </div>
            <div class="furniture_buttom_right fr">
                <!-- 家具日用右侧上 -->
                <div class="furniture_right_top">
                    <ul class="clearfix">
                        <li class="fl">
                            <img src="./img/index22_05.jpg" alt="">
                        </li>
                        <li class="fl">
                            <img src="./img/index22_05.jpg" alt="">
                        </li>
                        <li class="fl">
                            <img src="./img/index22_05.jpg" alt="">
                        </li>
                        <li class="fl">
                            <img src="./img/index22_05.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <!-- 家具日用右侧下 -->
                <div class="furniture_right_buttom">
                    <ul class="clearfix">
                        <li class="fl"><img src="./img/index23_08.jpg" alt=""></li>
                        <li class="fl"><img src="./img/index23_08.jpg" alt=""></li>
                        <li class="fl"><img src="./img/index23_08.jpg" alt=""></li>
                        <li class="fl"><img src="./img/index23_08.jpg" alt=""></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 家居结束 -->

    <!-- 推广 开始 -->
    <div id="extension" class="container">
        <!-- 推广导航栏 -->
        <div class="extension_nav">
            <h3 class="fl cf60 font20">推广商品</h3>
        </div>
        <div class="extension_buttom">
            <ul class="clearfix">
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
                <li class="extension_box fl">
                    <img class="tcenter" src="./img/index25_12.jpg" alt="">
                    <p class="ext_p">Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="cf42 font20 ext_p2">￥ 189</p>
                    
                    <p class="ext_p3">
                        <img src="./img/index27_14.jpg" alt="">
                        已有<span class="cf42">988</span>条评价
                    </p>

                </li>
            </ul>
        </div>

    </div>
    <!-- 推广 结束 -->

    <!-- 尾部开始 -->
    <div id="foot">
        <div class="foot_top ">
            <ul class="clearfix">
                <li class="fl">
                    <img src="./img/222_11.png" alt="">
                </li>
                <li class="fl">
                    <img src="./img/222_15.png" alt="">
                </li>
                <li class="fl">
                    <img src="./img/222_17.png" alt="">
                </li>
                <li class="fl">
                    <img src="./img/222_13(1).png" alt="">
                </li>
                
            </ul>
            <!-- 回到顶部按钮 -->
            <div class="container">
                <img src="./img/gototop_05.jpg" alt="">
            </div>
        </div>
        <div class="foot_buttom container">
            <div class="foot_down_list clearfix">
                <div class="foot_list1 fl">
                    <ul >
                        <li class=".c3 font14  tcenter">购物指南</li>
                        <li class="cff tcenter">购物流程</li>
                        <li class="cff tcenter">发票制度</li>
                        <li class="cff tcenter">账户管理</li>
                        <li class="cff tcenter">会员优惠</li>
                    </ul>
                    
                </div>
                <div class="foot_list1 fl">
                    <ul>
                        <li class=".c3 font14  tcenter">支付方式</li>
                        <li class="cff tcenter">货到付款</li>
                        <li class="cff tcenter">网上支付</li>
                        <li class="cff tcenter">礼品卡支付</li>
                        <li class="cff tcenter">银行转账</li>
                    </ul>
                </div>
                <div class="foot_list1 fl">
                    <ul>
                        <li class=".c3 font14  tcenter">订单服务</li>
                        <li class="cff tcenter">订单配送查询</li>
                        <li class="cff tcenter">订单状态说明</li>
                        <li class="cff tcenter">自动取消订单</li>
                        <li class="cff tcenter">自动修改订单</li>
                    </ul>
                </div>
                <div class="foot_list2 fl">
                    <ul>
                        <li class=".c3 font14  tcenter">退换货</li>
                        <li class="cff tcenter">退换货政策</li>
                        <li class="cff tcenter">自动申请退换货</li>
                        <li class="cff tcenter">退换货进度查询</li>
                        <li class="cff tcenter">退款方式和时间</li>
                    </ul>
                </div>
                <div class="foot_list1 fl">
                    <ul>
                        <li class=".c3 font14  tcenter">商家服务</li>
                        <li class="cff tcenter">商家中心</li>
                        <li class="cff tcenter">运营服务</li>
                        <li class="cff tcenter">加入尾品汇</li>
                    </ul>
                </div>
                <div class="foot_img fr">
                    <img class="fl" src="./img/logo_00.png" alt="">
                </div>
                
            </div>
            
        </div>
        <div class="foot_ptext container">
            <ul class="clearfix">
                <li class="fl">
                    公司简介&nbsp;&nbsp;&nbsp; |
                </li>
                <li class="fl">
                    Investor Relations&nbsp;&nbsp;&nbsp;|
                </li>
                <li class="fl">
                    网站联盟&nbsp;&nbsp;&nbsp; |  
                </li>
                <li class="fl">
                    乐购招商&nbsp;&nbsp;&nbsp; |  
                </li>
                <li class="fl">
                    机构销售&nbsp;&nbsp;&nbsp; |  
                </li>
                <li class="fl">
                    手机乐购&nbsp;&nbsp;&nbsp; |
                </li>
                <li class="fl">
                    官方Blog&nbsp;&nbsp;&nbsp; |
                </li>
                <li class="fl">
                    热词搜索
                </li>
            </ul>
            <p>Copyright (C) 乐购网 2004-2016 All Rights Reserced</p>
        </div>

    </div>
    <!-- 尾部结束 -->
</body>
<!-- Js引用 -->
<script src="./lib/jquery.min.js"></script>
<script src="./js/Home.js"></script>
</html>